const chufaa = document.querySelectorAll('.top a')
const span1El = document.querySelector('.span1')
const h5El = document.querySelector('h5')
const span2EL = document.querySelector('.span2')
const span4El = document.querySelector('.span4')
Array.prototype.forEach.call(chufaa, (e1) => {
    e1.addEventListener('click', function () {
        chufaa.forEach((e2) => {
            e2.className = ''
        })
        e1.className = 'chufa'
        if (e1.innerText == '关注') {
            span1El.innerText = '环岛左转有风发表了文章·10 天前'
            h5El.innerText = '2024平板电脑选购避坑指南，适合打工人的多场景多需求高性价比平板推荐!'
            span2EL.innerHTML = '作为一个互联网民工，平时经常需要处理工作问题。笔记本太沉，手机画面太小，平板小小一个刚刚好，再加上外接键盘，一整个就是我的随时随地加班利器。趁着最近..<a href="#">阅读全文︾</a>'
            span4El.innerText = '还有3个 环岛左转有风 的动态被收起'
        } else if (e1.innerText == '推荐') {
            span1El.innerText = '不知道哦'
            h5El.innerText = '偷懒1'
            span2EL.innerHTML = '我也偷懒1<a href="#">阅读全文︾</a>'
            span4El.innerText = '都偷懒1'
        } else if (e1.innerText == '热榜') {
            span1El.innerText = '好热啊，开空调吧'
            h5El.innerText = '偷懒2'
            span2EL.innerHTML = '我也偷懒2<a href="#">阅读全文︾</a>'
            span4El.innerText = '都偷懒2'
        } else if (e1.innerText == '视频') {
            span1El.innerText = '上课不可以看视频'
            h5El.innerText = '偷懒3'
            span2EL.innerHTML = '我也偷懒3<a href="#">阅读全文︾</a>'
            span4El.innerText = '都偷懒3'
        }
    })

})